.d-flex{    display: flex;}
.d-inline{display: inline;}
.flex-row { flex-direction: row;}
.flex-column { flex-direction: column;}
.w-100{    width: 100%;}
.w-90{    width: 90%;}
.w-50{    width: 50%;}
.w-30{    width: 30%;}
.w-h-50{    width: 50px; height: 50px;}
.a-center { align-items: center;}
.t-center { text-align: center;}
.t-right{text-align: right;}
.j-center { justify-content: center;}
.v-center { vertical-align: middle;}
.flex-1{    flex: 1;}
.flex-2{    flex: 2;}
.flex-3{    flex: 3;}
.flex-4{    flex: 4;}
.flex-5{    flex: 5;}
.flex-6{    flex: 6;}
.flex-7{    flex: 7;}
.flex-8{    flex: 8;}
.font-sm{ font-size: 12px}
.font-smd{ font-size: 14px;}
.font-sd{ font-size: 16px;}
.font-md{ font-size: 24px}
.font-lg{ font-size: 36px}
.font-mg{ font-size: 48px;}

.tu-biao{ color: #5e5e5e;}

.radius-1{ border-radius: 5px;}
.radius-2{ border-radius: 10px;}
.radius-3{ border-radius: 15px;}
.radius-4{ border-radius: 20px;}
.radius-5{ border-radius: 25px;}
.redius-circle{ border-radius:50%}

.text-white{ color: white}

.text-green {color: #51d351}
.text-red {color: red}
.text-wrap { white-space: nowrap;}

.text-ellipsis{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.text-center {text-align: center;}
.text-left {text-align: left;}
.text-right {text-align: right;}
.text-secondary-gray{ color: #999999}
.line-1 {line-height: 1 !important;}
.line-1-2 {line-height: 1.2 !important;}
.line-1-4 {line-height: 1.4 !important;}
.line-1-6 {line-height: 1.6 !important;}
.line-1-8 {line-height: 1.8 !important;}
.line-2-0 {line-height: 2.0 !important;}

.font-weight { font-weight: bold;}
.font-lighter { font-weight:lighter;}

.p-0-5{padding: 5px;}
.p-1{padding: 10px;}
.p-2{padding: 20px;}
.p-3{padding: 30px;}
.p-4{padding: 40px;}
.p-5{padding: 50px;}
.px-1{padding-left: 10px; padding-right: 10px;}
.px-2{padding-left: 20px; padding-right: 20px;}
.px-3{padding-left: 30px; padding-right: 30px;}
.px-4{padding-left: 40px; padding-right: 40px;}
.px-5{padding-left: 50px; padding-right: 50px;}
.py-1{padding-top: 10px; padding-bottom: 10px;}
.py-2{padding-top: 20px; padding-bottom: 20px;}
.py-3{padding-top: 30px; padding-bottom: 30px;}
.py-4{padding-top: 40px; padding-bottom: 40px;}
.py-5{padding-top: 50px; padding-bottom: 50px;}
.pl-1{padding-left: 10px;}
.pl-2{padding-left: 20px;}
.pl-3{padding-left: 30px;}
.pl-4{padding-left: 40px;}
.pl-5{padding-left: 50px;}
.pl-6{padding-left: 60px;}
.pl-7{padding-left: 70px;}
.pl-8{padding-left: 80px;}
.pr-1{padding-right: 10px;}
.pr-2{padding-right: 20px;}
.pr-3{padding-right: 30px;}
.pr-4{padding-right: 40px;}
.pr-5{padding-right: 50px;}
.pt-1{padding-top: 10px;}
.pt-2{padding-top: 20px;}
.pt-3{padding-top: 30px;}
.pt-4{padding-top: 40px;}
.pt-5{padding-top: 50px;}
.pb-1{padding-bottom: 10px;}
.pb-2{padding-bottom: 20px;}
.pb-3{padding-bottom: 30px;}
.pb-4{padding-bottom: 40px;}
.pb-5{padding-bottom: 50px;}
.m-1{margin: 10px;}
.m-2{margin: 20px;}
.m-3{margin: 30px;}
.m-4{margin: 40px;}
.m-5{margin: 50px;}
.ml-1{margin-left: 10px;}
.ml-2{margin-left: 20px;}
.ml-3{margin-left: 30px;}
.ml-4{margin-left: 40px;}
.ml-5{margin-left: 50px;}
.mr-1{margin-right: 10px;}
.mr-2{margin-right: 20px;}
.mr-3{margin-right: 30px;}
.mr-4{margin-right: 40px;}
.mr-5{margin-right: 50px;}
.mt-1{margin-top: 10px;}
.mt-2{margin-top: 20px;}
.mt-3{margin-top: 30px;}
.mt-4{margin-top: 40px;}
.mt-5{margin-top: 50px;}
.mb-1{margin-bottom: 10px;}
.mb-2{margin-bottom: 20px;}
.mb-3{margin-bottom: 30px;}
.mb-4{margin-bottom: 40px;}
.mb-5{margin-bottom: 50px;}
.mt-auto {margin-top: auto;}
.mb-auto {margin-bottom: auto;}
.ml-auto {margin-left: auto;}
.mr-auto {margin-right: auto;}

.border {border: 1px solid #d7d7d7}
.border-top{ border-top: 1px solid #999999;}
.border-bottom{ border-bottom: 1px solid #999999;}
.border-left{ border-left: 1px solid #999999;}
.border-right{ border-right: 1px solid #999999;}
.border-blod{ border: 20px solid #f0f2f5;}

.bg-table{ background-color: #f2f2f2;}